<template>
	<view>
		<view @click="onclickHandle()" style="display: inline;">
			<slot>
			</slot>
		</view>
		<u-modal v-model="show" title="支付" :show-cancel-button="true" :negative-top="375">
			<view class="slot-content" style="padding: 20rpx;">
				<u-form :model="form" ref="uForm" label-width="auto">
					<u-form-item label="支付金额"><u-input v-model="form.record_amount" /></u-form-item>
					<u-form-item label="支付渠道">
						<u-dropdown>
							<u-dropdown-item v-model="form.record_channel"  :options="options1"></u-dropdown-item>
						</u-dropdown>
						<u-select v-model="form.record_channel" :list="[
					{value: 1,label: '微信'},
					{value: 2,label: '支付宝'},
					{value: 3,label: '银行转账'},
					{value: 4,label: '刷卡'},
					{value: 5,label: '押金转支付'},
					{value: 6,label: '现金'},
				]"></u-select>
					</u-form-item>
					<u-form-item label="备注"><u-input v-model="form.remark" /></u-form-item>

				</u-form>
			</view>
		</u-modal>
	</view>
</template>

<script>
	export default {
		name: "PayComponent",
		props: {
			orders: Object
		},
		data() {
			return {
				show: true,
				form: {
					record_channel: ''
				}
			};
		},
		methods: {
			onclickHandle(e) {
				console.log("按钮被点击了");
				this.show = true;
			}
		}
	}
</script>

<style>

</style>